<!DOCTYPE html>
<html>
<head>
  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="style.css">
	<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript" src="script.js"></script>
	<title>Laevade pommitamine!</title>
	<script>
		window.onload=function() {
			checkLogin(initLobby);
		};
	</script>
</head>
<body id="body"oncontextmenu="return false;" > 
	<table id="layoutTable">
		<tr>
			<td colspan="4"><button id="logout" onclick="logout()" >Logi välja</button></td>
		</tr>
		<tr><!-- Row 1 -->
			<td id="bannerImage" colspan="4">
			</td><!-- Col 1 -->
		</tr>	
		<tr><!-- Row 2 -->
			<td class="lobbyTables">
				<table id="activeGamesTable">
					<thead>
					<tr>
						<th>Mängija A</th>
						<th>täpsus %</th>
						<th>Mängija B</th>
						<th>täpsus %</th>
					</tr>
					</thead>
					<tbody id="activeGames">
					</tbody>
				</table>
			</td><!-- Col 1 -->
			<td class="lobbyTables">
				<table id="scoreBoardTable">
					<thead>
					<tr>
						<th>Mängija</th>
						<th>Võite</th>
						<th>Kaotusi</th>
						<th>Edukus</th>
					</tr>
					</thead>
					<tbody id="scoreBoard">
					</tbody>
				</table>
			</td><!-- Col 2 -->
		</tr>
		<tr>
			<td>
				<table id="myGamesTable">
					<thead>
						<tr>
							<th colspan="3">
								Your games.
							</th>
						</tr>
					</thead>
					<tbody id="myGames">
					</tbody>
				</table>
			</td>
		</tr>
		<tr>
			<td colspan="4"><button id="startGame" onclick="startWaiting()">Mine mänguootele</button></td>
		</tr>
	</table>
</body>
</html>